<div class="main" *ngIf="userInfo">
  <app-nav-bar></app-nav-bar>
  <div class="layout">
    <div class="header">
      <nz-breadcrumb class="breadcrumb">
        <nz-breadcrumb-item *ngFor="let item of breadcrumbs">
          {{item}}
        </nz-breadcrumb-item>
      </nz-breadcrumb>
      <div class="counts">
        当前在线 <span>{{count}}</span> 人
      </div>
      <div class="user-info">
        <i *ngIf="state === 'ok'" class="state" nz-icon type="safety-certificate" theme="outline"></i>
        <i *ngIf="state === 'no'" nz-icon type="safety-certificate" theme="outline"></i>
        <i *ngIf="state === 'error'" style="color: red" nz-icon type="safety-certificate" theme="outline"></i>
        欢迎，
        <a nz-popconfirm nzTitle="确定要注销吗?" (nzOnConfirm)="logout()" nzPlacement="bottomLeft">{{userInfo?.nickName}}</a>
      </div>
    </div>
    <div class="content">
      <div class="outlet">
        <router-outlet></router-outlet>
      </div>
    </div>
    <div class="footer">test © 2018-2020</div>
  </div>
</div>